﻿#s4-workspace{
	font-family: "Montserrat", sans-serif !important;
	overflow-x: hidden;
	scroll-behavior: smooth; !important
}

.bg-dark {
    background-color: #ba8f0c !important;
}

.navbar-dark .navbar-nav .nav-link, .navbar-dark a{
    color: #000 !important;
}

nav .menu{
	margin-left: 24.5%;
}

nav .menu li .bullet {
    position: relative;
    display: block;
    padding: 0 8px;
	color: rgba(255,255,255,.5);
	background-color:trasparent;
    text-decoration: none;
    margin-top: -7px;
    font-size: 35px;
}

nav>li>.bullet:hover {
	background-color:#FFF;
}

@media (max-width: 1680px){	
	navbar-dark .navbar-nav .nav-link {
	    font-size: 0.8em;
	}
}

@media (max-width: 1440px){	
	.navbar-dark .navbar-nav .nav-link {
	    font-size: 0.8em;
	    margin-top: 5px;
	}
}


#cabecalho{
	background: #005c9d;
}

#cabecalho .brasao{
	text-align: center;
	margin-top: -3.5%;
}

#cabecalho h2{
	font-size: 2em !important;
	text-transform: uppercase;
	font-weight: 800 !important;
	padding-top: 10px;
	color: #FFF !important;
	font-family: "Montserrat", sans-serif !important;
}

#cabecalho h2 span{
	font-weight: 300;
}

@media (max-width: 1680px) {
	#cabecalho .brasao{
		margin-top: -3.7%;
	}
}

@media (max-width: 1440px) {
	#cabecalho .brasao{
		margin-top: -4.5%;
	}
}

@media (max-width: 1280px) {
	#cabecalho .brasao{
		margin-top: -5%;
	}
}

@media (max-width: 1024px) {
	#cabecalho .brasao{
		margin-top: -5.7%;
	}
	.navbar-dark .navbar-nav .nav-link {
	    font-size: 0.7em;
	}
	nav .menu li .bullet {
	    margin-top: -11px;
	}
	#cabecalho h2{
		font-size: 1.5em;
	}
}

@media (max-width: 900px) {
	nav .menu{
		margin-left: 1%;
	}
	#cabecalho .brasao{
		margin-top: 0%;
	}
	.navbar-dark .navbar-nav .nav-link {
	    font-size: 1em;
	}
	nav .menu li .bullet {
		display: none;
	}
	#cabecalho{
		height: 50px;
	}
}

@media (max-width: 440px){
	#cabecalho .brasao{
		display: none;
	}
	#cabecalho h2{
		font-size: 1.1em;
		margin-left: 5%;
	}
}




/**-- INTRO --**/
:root{
	--max-lines: 8;
	--line-height: 1.7;
}

#intro{
	background: url('../img/bgsite.png') repeat;
	padding: 3%;
	background-attachment: fixed;
}

#intro h1{
	text-transform: uppercase;
	font-size: 3em;
	font-weight: 900;
	margin-bottom: 5%;
	color: #000 !important;
	font-family: "Montserrat", sans-serif !important;
}

#intro span{
	background: #ba8f0c;
}

#intro .card{
	background: none;
	border: none;
}

#intro .cutoff-text{
	max-height: calc(var(--max-lines) * 1em * var(--line-height));
	line-height: var(--line-height);
	overflow: hidden;
	position: relative;
	scroll-behavior: smooth;
}

#intro .cutoff-text::before{
	content: "";
	position: absolute;
	height: calc(4em * var(--line-height));
	width: 100%;
	bottom: 0;
	pointer-events: none;
	background: linear-gradient(to bottom, transparent, #f9f8f6);
}

#intro .expand-btn{
	appearance: none;
	border: 2px solid #005c9d;
	padding: .5em;
	border-radius: .25em;
	cursor: pointer;
	margin-top: 1rem;
	width: 20%;
	color: #005c9d;
	font-weight: 500;
	text-align: center;
	margin-left: 35%;
}

#intro .expand-btn:hover{
	background: #005c9d;
	color: #FFF;
}


#intro .expand-btn::before{
	content: "leia mais";
}

#intro .expand-btn:checked::before{
	content: "fechar";
}

#intro .cutoff-text:has(+ .expand-btn:checked){
	max-height: none;
}

@media (max-width: 900px) {
	#intro h1{
		margin-top: 8%;
	}
	#intro .ilustracao{
		display: none;
	}
	#intro .expand-btn{
		margin-left: 37%;
	}
}

@media (max-width: 440px) {
	#intro h1{
		margin-top: 8%;
		font-size: 2.5em;
	}
	#intro .expand-btn{
		width: 40%;
		margin-left: 30%;
	}
}


/**-- ANCORAS FAQ --**/
.btn-categorias {
    color: #fff;
    background-color: #f0ad4e;
    border-color: #eea236;
}
.menu-categorias>li>a {
    display: block;
    padding: 3px 20px;
    clear: both;
    font-weight: 400;
    line-height: 1.42857143;
    color: #333;
    white-space: nowrap;
}
.menu-categorias>li>a:focus, .menu-categorias>li>a:hover {
    color: #262626;
    text-decoration: none;    
    background: #f5f5f5;
}

#lista-faq .ancora {
    margin-top: 40px;
    margin-bottom: 20px;
}


/**-- EMPRESAS PARCEIRAS --**/
#empresas{
	margin: 5% 0;
}

#empresas h1{
	text-align: center;
	text-transform: uppercase;
	font-size: 2em;
	font-weight: 900;
	color: #000 !important;
	font-family: "Montserrat", sans-serif !important;
}

#empresas .btn-parceiros{
	width: 100%;
	border: 2px solid #005c9d;
	margin-top: 10%;
}

#empresas .btn-parceiros:hover{
	background: #005c9d;
	color: #FFF;
}

#empresas .btn-parceiros a{
	color: #000;
}

#empresas .btn-parceiros a:hover{
	color: #FFF;
	text-decoration: none;
	font-weight: 500;
}

#empresas .carousellogos{
	padding: 0 10%;
}

@keyframes slide {
  from {
    transform: translateX(0);
  }
  to {
    transform: translateX(-200%);
  }
}

#empresas .logos {
  overflow: hidden;
  padding: 60px 0;
  background: white;
  white-space: nowrap;
  position: relative;
}

#empresas .logos:before,
#empresas .logos:after {
  position: absolute;
  top: 0;
  width: 250px;
  height: 100%;
  content: "";
  z-index: 2;
}

#empresas .logos:before {
  left: 0;
  background: linear-gradient(to left, rgba(255, 255, 255, 0), white);
}

#empresas .logos:after {
  right: 0;
  background: linear-gradient(to right, rgba(255, 255, 255, 0), white);
}

#empresas .logos:hover .logos-slide {
  animation-play-state: paused;
}

#empresas .logos-slide {
  display: inline-block;
  animation: 35s slide infinite linear;
}

#empresas .logos-slide img {
  height: 300px;
  margin: 0 40px;
}

/**
#empresas .swiper {
    width: 100%;
    padding-top: 50px;
    padding-bottom: 50px;
}

#empresas .swiper-slide {
    background-position: center;
    background-size: cover;
    width: 300px;
    height: 300px;
}

#empresas .swiper-slide img {
    display: block;
    width: 100%;
}

#empresas .swiper-pagination-bullet-active {
    opacity: var(--swiper-pagination-bullet-opacity, 1);
    background: var(--swiper-pagination-color, #005c9d);
}**/




/**-- PARCEIROS --**/
#parceiros{
	margin: 5% 0;
}

#parceiros h1{
	text-align: center;
	text-transform: uppercase;
	font-size: 2em;
	font-weight: 900;
	margin-bottom: 5%;
	color: #000 !important;
	font-family: "Montserrat", sans-serif !important;
}

@keyframes slide {
  from {
    transform: translateX(0);
  }
  to {
    transform: translateX(-200%);
  }
}

#parceiros .logos {
  overflow: hidden;
  padding: 60px 0;
  background: white;
  white-space: nowrap;
  position: relative;
}

#parceiros .logos:before,
#parceiros .logos:after {
  position: absolute;
  top: 0;
  width: 250px;
  height: 100%;
  content: "";
  z-index: 2;
}

#parceiros .logos:before {
  left: 0;
  background: linear-gradient(to left, rgba(255, 255, 255, 0), white);
}

#parceiros .logos:after {
  right: 0;
  background: linear-gradient(to right, rgba(255, 255, 255, 0), white);
}

#parceiros .logos:hover .logos-slide {
  animation-play-state: paused;
}

#parceiros .logos-slide {
  display: inline-block;
  animation: 35s slide infinite linear;
}

#parceiros .logos-slide img {
  height: 90px;
  margin: 0 40px;
}


#parceiros .btn-parceiros{
	width: 100%;
	border: 2px solid #005c9d;
	margin-top: 10%;
}

#parceiros .btn-parceiros:hover{
	background: #005c9d;
	color: #FFF;
}

#parceiros .btn-parceiros a{
	color: #000;
}

#parceiros .btn-parceiros a:hover{
	color: #FFF;
	text-decoration: none;
	font-weight: 500;
}



/**-- TUTORIAL PARCEIROS --**/
#tutorialparceiros{
	background: url('../img/bgsite.png') repeat;
	padding: 3%;
	background-attachment: fixed;
	margin-top: -5%;
}

#tutorialparceiros .titulo h1{
	text-align: center;
	text-transform: uppercase;
	font-size: 2em;
	font-weight: 900;
	margin-bottom: 5%;
	color: #000 !important;
	font-family: "Montserrat", sans-serif !important;
}

#tutorialparceiros .card{
	border: none;
	background: none;
}

#tutorialparceiros .card .card-text span{
	font-weight: 700;
}

#tutorialparceiros .card a{
	text-decoration: none;
	color: #ba8f0c;
	font-weight: 700;
}



/**-- GRADUAÇÃO --**/
#graduacao{
	background: #005c9d;
	padding: 15px 0;
	color: #FFF !important
}

#graduacao a{
	color: #FFF !important;
	text-decoration: none;
}

#graduacao a:hover{
	color: #155344 !important;
}

#graduacao .icone{
	font-size: 4em;
}

#graduacao h3{
	font-size: 2.3em;
	font-weight: 200;
	margin-top: 15px;
	font-family: "Montserrat", sans-serif !important;
	color: #FFF !important
}

#graduacao h3:hover{
	color: #155344 !important;
}

#graduacao h3 span{
	font-weight: 700;
	text-transform: uppercase;
}

@media (max-width: 900px){
	#graduacao{
		text-align: center;
	}
	#graduacao h3{
		font-size: 2em;
	}
}

@media (max-width: 440px){
	#graduacao h3{
		font-size: 1.8em;
	}
}




/**-- POS-GRADUAÇÃO --**/
#posgraduacao{
	background: #ba8f0c;
	padding: 15px 0;
	color: #FFF !important;
}

#posgraduacao a{
	text-decoration: none !important;
}

#posgraduacao .icone{
	font-size: 5em;
}

#posgraduacao h3{
	font-size: 2.3em;
	font-weight: 200;
	margin-top: 15px;
	font-family: "Montserrat", sans-serif !important;
	color: #FFF !important;
}

#posgraduacao h3 span{
	font-weight: 700;
	text-transform: uppercase;
}

#posgraduacao h3:hover{
	color: #a25420 !important;
	text-decoration: none !important;
}

@media (max-width: 900px){
	#posgraduacao{
		text-align: center;
	}
	#posgraduacao h3{
		font-size: 2em;
	}
}

@media (max-width: 440px){
	#posgraduacao h3{
		font-size: 1.8em;
	}
}




/**-- SOLICITAR BOLSA --**/
#bolsa{
	background: url('../img/bgsite.png') repeat;
	padding: 3%;
	background-attachment: fixed;
}

#bolsa h1{
	text-align: center;
	text-transform: uppercase;
	font-size: 2em;
	font-weight: 900;
	margin: 5% 0;
	font-family: "Montserrat", sans-serif !important;
	color: #000 !important
}

#bolsa p{
	font-size: 1.15em;
	line-height: 30px;
}

#bolsa span{
	font-size: 0.75em;
	font-style: italic;
}





/**-- FAQ --**/
#faq{
	margin-top: 5%;
}

#faq h1{	
	text-align: center;
	text-transform: uppercase;
	font-size: 2em;
	font-weight: 900;
	margin-bottom: 5%;
	font-family: "Montserrat", sans-serif !important;
	color: #000 !important;
}

#faq .card {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
    border-top: none;
    border-left: none;
    border-right: none;
    border-radius: 0rem;
    border-bottom: 2px solid #005c9d;
}

#faq .card-header {
    padding: 0.75rem 1.25rem;
    margin-bottom: 0;
    background-color: rgba(0,0,0,.02);
    border-bottom: none;
	font-family: "Montserrat", sans-serif !important;
}

#faq .card-header button{
	color: #000;
	font-weight: 700;
	font-family: "Montserrat", sans-serif !important;
}

#faq .card-header button:hover{
	color: #005c9d;
	text-decoration: none;
}

#faq .card-header button i{
	color: #005c9d;
	font-weight: 700;
}

#faq .card-header button i:hover{
	color: #005c9d;
	text-decoration: none;
}

#faq .card-body {
    background-color: rgba(0,0,0,.02);
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    min-height: 1px;
    padding: 1.25rem;
}

#faq .card-body a{
	font-weight: 700;
	text-decoration: none;
	color: #000;
}

#faq i{
	float: right;
	font-size: 1.2em;
	font-weight: 900;
}


/**-- RODAPÉ --**/
#footer{
	background: #ba8f0c;
	padding: 50px 0;
	margin-top: 5%;
	color: #FFF;
    margin-bottom: -5%;
}

#footer .brasao{
	border-right: 1px solid #FFF;
	padding: 20px 0;
}

#footer p{
	font-size: 0.9em;
	margin-top: 3%;
}

#footer .redessociais{
	margin-left: -40px;
}

#footer ul li{
	list-style: none;
	display: inline;
}

@media (max-width: 900px){
	#footer .brasao{
		padding: 20px;
	}
}



/**-- PÁGINA INTERNA --**/
#interno{
	margin: 5% 0;
	padding: 0% 10%;
}

#interno .nav-tabs button {
    min-width: 2em;
}

#interno h1{
	text-align: center;
	text-transform: uppercase;
	font-size: 2em;
	font-weight: 900;
	margin-bottom: 5%;
	font-family: "Montserrat", sans-serif !important;
	color: #000 !important;
}

#interno li{
	line-height: 35px;
}

#interno .tab-content>.tab-pane {
    margin-top: 2%;
}

#interno .nav-tabs .nav-link {
    margin-bottom: -1px;
    background-color: transparent;
    border: 1px solid transparent;
    border-top-left-radius: 0.25rem;
    border-top-right-radius: 0.25rem;
}

#interno .nav-tabs .nav-link.active {
    color: #495057;
    background-color: #e1f0ed;
    border-color: #dee2e6 #dee2e6 #fff;
}

#interno .nav-tabs .nav-link:hover {
    color: #495057;
    background-color: #9bcdc1;
    border-color: #dee2e6 #dee2e6 #fff;
}


